<template>
  <div class="system-settings">
    <a-button class="button" @click="clickCloseMenu">关闭菜单</a-button>
    <a-button class="button" type="primary" @click="clickOpenMenu"
      >打开菜单</a-button
    >
  </div>
</template>
<script setup lang="ts">
// 引入组件&方法
import { defineProps, defineEmits, watch, onMounted, ref } from 'vue'
import { useCounterStore } from '../../store/store'
const props = defineProps({})
const emits = defineEmits([])
// 自定义数据源
const store = useCounterStore()
// 生命周期函数
onMounted(() => {})
// 自定义方法
//点击关闭菜单
const clickCloseMenu = () => {
  store.changeMenuIsShow(false)
}
//点击打开菜单
const clickOpenMenu = () => {
  store.changeMenuIsShow(true)
}
</script>
<style lang="less" scoped>
.system-settings {
  .button {
    margin-right: (10 / @vw);
  }
}
</style>
